<%--
  Created by IntelliJ IDEA.
  User: lxm
  Date: 2018/3/14
  Time: 下午7:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="layui-tab-item layui-show">
    <%--简单文本分词--%>
    <fieldset class="layui-elem-field">
        <legend>普通文本分词</legend>
        <div class="layui-field-box">
            <p class="gray-p">请输入一段想分析的文本：
                <span class="span_seg_single" onclick="ramdomTexts()">随机示例</span>
                <span class="r count_txt gray-p">还能输入<strong id="currentLength">2000</strong>字</span>
            </p>
            <br>
            <%--单文本的文本框--%>
            <div class="layui-form-item layui-form-text">
                            <textarea id="text_main_text" placeholder="请输入内容" class="layui-textarea p-font"
                                      style="min-height: 120px;"></textarea>
            </div>
            <p class="gray-p">词法分析结果：<span class="span_seg_single" onclick="handonSuggetions()">对结果不满意？</span></p>
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" lay-allowClose="true">
                <ul class="layui-tab-title">
                    <li class="layui-this">NLP分词</li>
                    <li>精确分词</li>
                    <li>词典优先分词</li>
                    <li>索引分词</li>
                    <li>细粒度分词</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <div class="layui-row">
                            <div id="div_seg_result_nlp" class="layui-col-xs10"
                                 style="border-right: 1px solid #d8d8d8;min-height: 352px; padding-right: 10px;">
                                <%--<div class="layui-btn layui-btn-primary"--%>
                                <%--style="margin-left: 10px;margin-top: 10px;height: 48px;">--%>
                                <%--<div class="result-tips-mes">第一个词</div>--%>
                                <%--<div class="result-tips-des">v</div>--%>
                                <%--</div>--%>
                                <%--<div class="layui-btn layui-btn-primary btn_plus">第一的词</div>--%>
                                <br>
                            </div>
                            <div class="layui-col-xs2">

                                <div style="padding-left: 15px;">
                                    <div>
                                        <div style="margin-bottom: 20px;font-size: 16px;">词汇详情</div>
                                        <div style="position: relative;width: 154px;padding: 14px 12px;background-color: #f0f7ff;">
                                            <div class="mes-type">
                                                词汇：
                                                <span class="span_seg_word mes-type-in"></span></div>
                                            <div class="mes-type mes-divide">
                                                词性：
                                                <span class="span_seg_pos mes-type-in"></span></div>
                                            <div class="mes-type">
                                                实体识别：
                                                <span class="span_seg_entity mes-type-in"></span></div>
                                        </div>
                                    </div>
                                    <div class="div_special_non mes-select-cover layui-btn-container">

                                    </div>
                                </div>

                            </div>

                        </div>
                        <%--词汇选择部分--%>
                        <div class="layui-row">
                            <div class="layui-col-xs12">
                                <fieldset class="layui-elem-field layui-field-title">
                                    <legend>词性选择</legend>
                                    <div class="layui-field-box">
                                        <div class="div_pos_bar layui-btn-container">
                                            <%--<button class="layui-btn">名词</button>--%>
                                            <%--<button class="layui-btn ">动词</button>--%>
                                            <%--<button class="layui-btn">形容词</button>--%>
                                        </div>
                                    </div>

                                </fieldset>
                            </div>

                        </div>
                    </div>
                    <div class="layui-tab-item">
                        <div class="layui-row">
                            <div id="div_seg_result_standark" class="layui-col-xs10"
                                 style="border-right: 1px solid #d8d8d8;min-height: 352px; padding-right: 10px;">
                                <br>
                            </div>
                            <div class="layui-col-xs2">

                                <div style="padding-left: 15px;">
                                    <div>
                                        <div style="margin-bottom: 20px;font-size: 16px;">词汇详情</div>
                                        <div style="position: relative;width: 154px;padding: 14px 12px;background-color: #f0f7ff;">
                                            <div class="mes-type">
                                                词汇：
                                                <span class="span_seg_word mes-type-in"></span></div>
                                            <div class="mes-type mes-divide">
                                                词性：
                                                <span class="span_seg_pos mes-type-in"></span></div>
                                            <div class="mes-type">
                                                实体识别：
                                                <span class="span_seg_entity mes-type-in"></span></div>
                                        </div>
                                    </div>
                                    <div class="div_special_non mes-select-cover layui-btn-container">

                                    </div>
                                </div>

                            </div>

                        </div>
                        <%--词汇选择部分--%>
                        <div class="layui-row">
                            <div class="layui-col-xs12">
                                <fieldset class="layui-elem-field layui-field-title">
                                    <legend>词性选择</legend>
                                    <div class="layui-field-box">
                                        <div class="div_pos_bar layui-btn-container">

                                        </div>
                                    </div>

                                </fieldset>
                            </div>

                        </div>
                    </div>
                    <div class="layui-tab-item">
                        <div class="layui-row">
                            <div id="div_seg_result_dic" class="layui-col-xs10"
                                 style="border-right: 1px solid #d8d8d8;min-height: 352px; padding-right: 10px;">
                                <br>
                            </div>
                            <div class="layui-col-xs2">

                                <div style="padding-left: 15px;">
                                    <div>
                                        <div style="margin-bottom: 20px;font-size: 16px;">词汇详情</div>
                                        <div style="position: relative;width: 154px;padding: 14px 12px;background-color: #f0f7ff;">
                                            <div class="mes-type">
                                                词汇：
                                                <span class="span_seg_word mes-type-in"></span></div>
                                            <div class="mes-type mes-divide">
                                                词性：
                                                <span class="span_seg_pos mes-type-in"></span></div>
                                            <div class="mes-type">
                                                实体识别：
                                                <span class="span_seg_entity mes-type-in"></span></div>
                                        </div>
                                    </div>
                                    <div class="div_special_non mes-select-cover layui-btn-container">

                                    </div>
                                </div>

                            </div>

                        </div>
                        <%--词汇选择部分--%>
                        <div class="layui-row">
                            <div class="layui-col-xs12">
                                <fieldset class="layui-elem-field layui-field-title">
                                    <legend>词性选择</legend>
                                    <div class="layui-field-box">
                                        <div class="div_pos_bar layui-btn-container">

                                        </div>
                                    </div>

                                </fieldset>
                            </div>

                        </div>
                    </div>
                    <div class="layui-tab-item">
                        <div class="layui-row">
                            <div id="div_seg_result_index" class="layui-col-xs10"
                                 style="border-right: 1px solid #d8d8d8;min-height: 352px; padding-right: 10px;">
                                <br>
                            </div>
                            <div class="layui-col-xs2">

                                <div style="padding-left: 15px;">
                                    <div>
                                        <div style="margin-bottom: 20px;font-size: 16px;">词汇详情</div>
                                        <div style="position: relative;width: 154px;padding: 14px 12px;background-color: #f0f7ff;">
                                            <div class="mes-type">
                                                词汇：
                                                <span class="span_seg_word mes-type-in"></span></div>
                                            <div class="mes-type mes-divide">
                                                词性：
                                                <span class="span_seg_pos mes-type-in"></span></div>
                                            <div class="mes-type">
                                                实体识别：
                                                <span class="span_seg_entity mes-type-in"></span></div>
                                        </div>
                                    </div>
                                    <div class="div_special_non mes-select-cover layui-btn-container">

                                    </div>
                                </div>

                            </div>

                        </div>
                        <%--词汇选择部分--%>
                        <div class="layui-row">
                            <div class="layui-col-xs12">
                                <fieldset class="layui-elem-field layui-field-title">
                                    <legend>词性选择</legend>
                                    <div class="layui-field-box">
                                        <div class="div_pos_bar layui-btn-container">

                                        </div>
                                    </div>

                                </fieldset>
                            </div>

                        </div>
                    </div>
                    <div class="layui-tab-item">
                        <div class="layui-row">
                            <div id="div_seg_result_basic" class="layui-col-xs10"
                                 style="border-right: 1px solid #d8d8d8;min-height: 352px; padding-right: 10px;">
                                <br>
                            </div>
                            <div class="layui-col-xs2">

                                <div style="padding-left: 15px;">
                                    <div>
                                        <div style="margin-bottom: 20px;font-size: 16px;">词汇详情</div>
                                        <div style="position: relative;width: 154px;padding: 14px 12px;background-color: #f0f7ff;">
                                            <div class="mes-type">
                                                词汇：
                                                <span class="span_seg_word mes-type-in"></span></div>
                                            <div class="mes-type mes-divide">
                                                词性：
                                                <span class="span_seg_pos mes-type-in"></span></div>
                                            <div class="mes-type">
                                                实体识别：
                                                <span class="span_seg_entity mes-type-in"></span></div>
                                        </div>
                                    </div>
                                    <div class="div_special_non mes-select-cover layui-btn-container">

                                    </div>
                                </div>

                            </div>

                        </div>
                        <%--词汇选择部分--%>
                        <div class="layui-row">
                            <div class="layui-col-xs12">
                                <fieldset class="layui-elem-field layui-field-title">
                                    <legend>词性选择</legend>
                                    <div class="layui-field-box">
                                        <div class="div_pos_bar layui-btn-container">

                                        </div>
                                    </div>

                                </fieldset>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>
    </fieldset>
</div>